<script setup lang="ts">
import { RouterView } from 'vue-router'
import layoutIndex from '@/layout/index.vue';
import myFooter from '@/components/myFooter/index.vue';
defineOptions({
  name: "viewIndex"
})
</script>

<template>
  <layoutIndex />
  <main class="h-main">
    <router-view v-slot="{ Component, route }">
      <transition name="fade-transform" mode="out-in">
        <keep-alive :max="10">
          <component :is="Component" :key="route.fullPath" />
        </keep-alive>
      </transition>
    </router-view>
  </main>

  <myFooter />

</template>

<style scoped lang="scss">
.title {
  .ceshi {
    font-size: 1rem;
  }
}

main {}
</style>
